html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
html,body{
    height:100%;
    -webkit-overflow-scrolling:touch
}
body{
    background-color:#f1f1f1;
    font:.64rem Arial,"Microsoft YaHei",sans-serif;
    display:block;
    color:#333;
    width:100%;
    -webkit-transition:padding .3s linear;
    -ms-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
body,ul,li{
    margin:0;
    padding:0
}
ul,li{
    list-style:none
}
div,h1,h2,h3{
    padding:0;
    margin:0;
    font-weight:400
}

body .hide{
    display:none
}
body .show{
    display:block
}
.loading{
    background:url() center no-repeat;
    background-size:.42667rem
}
.loadedContent{
    position:absolute;
    top:50%;
    margin-top:-.32rem
}
.loadedContent,.loader{
    width:100%;
    text-align:center
}
.loader{
    position:relative;
    z-index:2
}
.com_loader{
    display:inline-block;
    margin-top:.42667rem;
    height:.64rem;
    width:.64rem;
    background:url() center no-repeat;
    background-size:contain
}
.ispcview{
    position:absolute;
    width:750px;
    top:0;
    bottom:0;
    left:50%;
    margin-left:-375px
}
.chat_area{
    bottom:0;
    right:0;
    height:100%
}
.chat_area,.chat_header{
    position:absolute;
    left:0;
    width:100%;
    top:0
}
.chat_header{
    height:1.92rem;
    background:#fff;
    z-index:5
}
.chat_header .hd_back{
    float:left;
    width:1.70667rem;
    height:1.70667rem;
    margin-top:0;
    text-indent:-9999px!important;
    background:0
}
.chat_header .hd_back:before{
    content:"";
    width:.64rem;
    height:.64rem;
    position:absolute;
    top:.64rem;
    left:.64rem;
    border-bottom:1px solid #5d5d5d;
    border-right:1px solid #5d5d5d;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
.chat_header .common_hd_logo{
    float:left;
    /*
    width:1.792rem;*/
    width: 3.5rem;
    height:1.792rem;
    margin-top:0;
    background:url(common_hd_logo.png) center no-repeat;
    background-size:contain;
    /*
    margin-left:.21333rem*/
    
}
.chat_header .unread_count{
    float:right;
    padding-top:.512rem;
    padding-right:.64rem
}
.chat_header .unread_count .countimg{
    display:block;
    width:.98133rem;
    height:.98133rem;
    background:url(http://s.geilicdn.com/old-static/chat/images/head_msg_icon.png?v=2016012700332) 0 0 no-repeat;
    background-size:contain
}
.chat_header .unread_count_em{
    position:absolute;
    width:.55467rem;
    height:.55467rem;
    line-height:.59733rem;
    text-indent:0;
    text-align:center;
    color:#fff;
    background-color:#bc2021;
    border-radius:.55467rem;
    font-size:.42667rem;
    margin-top:-.21333rem;
    margin-left:.72533rem;
    font-style:normal
}
.chat_header .hd_tle{
    display:block;
    width:auto;
    height:1.70667rem;
    line-height:1.92rem;
    font-size:.85333rem;
    margin-left:3.41333rem;
    margin-right:1.70667rem
}
.chat_header .hd_tle,.chat_title{
    white-space:nowrap;
    overflow:hidden;
    text-align:center
}
.chat_title{
    max-width:13.73867rem;
    line-height:1.6rem;
    border-bottom:1px solid #dddee0;
    text-overflow:ellipsis;
    padding-right:1.94133rem
}
.message_content{
    position:absolute;
    width:100%;
    bottom:1.81333rem;
    top:1.92rem;
    left:0;
    right:0;
    overflow-y:scroll;
    overflow-x:hidden;
    padding:0;
    margin:0
}
.message_content div.message_item:last-child{
    margin-bottom:.42667rem
}
.message_content_wrapper{
    text-align:left;
    position:relative;
    display:inline-block
}
.message_content_wrapper .userimg{
    display:block;
    max-width:13.65333rem
}
.message_content_wrapper .emojiDiv img{
    /*
    width:1.06667rem;
    height:1.06667rem;*/
    max-width: 100%;
    vertical-align:middle
}
.message_item{
    overflow:hidden;
    margin-top:.42667rem
}
.message_item .content,.message_item .user_info{
    float:left
}
.message_item .nickname{
    position:relative;
    top:.32rem;
    line-height:.29867rem
}
.message_item span.nickname_text{
    color:#999
}
.unlogin{
    text-align:center;
    margin-top:.42667rem
}
.imc_li_send .nickname{
    /*
    display: none;
    right:1.536rem;*/
    right:2.5rem;
    position:absolute;
    top:.27733rem;
    line-height:.29867rem
}
.imc_li_receive,.imc_li_send{
    max-width:80%
}
.imc_li_send{
    float:right
}
.imc_li_send .avatar .img{
    margin-right:.64rem
}
.imc_li_send .user_info{
    position:absolute;
    right:0
}
.content{
    position:relative;
    border-radius:.128rem;
    display:inline-block;
    word-break:break-word;
    -ms-word-wrap:break-word;
    line-height:.64rem;
    padding:.42667rem;
    min-height:.64rem
}
.imc_li_receive .content{
    text-align:left;
    margin-left:2.56rem;
    background:#dadada;
    margin-top: 1.5em
}
.imc_li_send .margin_top{
    margin-top: 1.5em
}
.buble_arrow{
    position:absolute;
    top:.42667rem;
    width:0;
    height:0;
    border-style:solid;
    /*
    border-width:.384rem .21333rem 0*/
    border-width: 0.24rem;
}
.imc_li_receive .content .buble_arrow{
    /*
    left:-.34133rem;*/
    left:-.4rem;
    border-color:transparent #dadada transparent transparent
}
.imc_li_send .content .buble_arrow{
    /*right:-.34133rem;*/
    right:-.4rem;
    border-color:transparent transparent transparent #fff
}
.imc_li_send .content{
    text-align:right;
    margin-right:2.56rem;
    background:#fff
}
.imc_li_receive .user_info{
    position:absolute
}
.apart_time{
    /* margin-bottom:.42667rem; */
    margin-bottom: .1rem;
    margin-top: .4rem;
    text-align:center
}
.apart_time span{
    display:inline-block;
    line-height:.85333rem;
    height:.85333rem;
    padding:0 .42667rem;
    color:#969696;
    border-radius:.21333rem;
    border:1px solid #969696
}
.avatar,.nickname{
    display:inline-block;
    float:left
}
.avatar .img{
    width:1.28rem;
    height:1.28rem;
    border-radius:1.28rem;
    margin-left:.64rem
}
.nickname{
    /* display:none;*/
    color:#111;
    line-height:1.38667rem;
    margin-left:.21333rem;
    white-space:nowrap
}
.infoEditArea{
    position:absolute;
    background:#fff;
    width:100%;
    bottom:0;
    left:0;
    right:0;
    min-height:1.49333rem;
    padding-top:.32rem;
    z-index:1;
    overflow:hidden
}
.inputtextDiv{
    margin-left:2.64533rem
}
.composer{
    display:block;
    width:100%
}
.composer .edit_area{
    box-sizing:border-box;
    width:81%;
    padding-left:.32rem;
    float:left
}
.composer .edit_area .inputValue{
    box-sizing:border-box;
    width:100%;
    height:1.10933rem;
    font-size:.64rem;
    line-height:.85333rem;
    outline:none;
    border:1px solid #e6e6e6;
    padding:0;
    margin:0
}
.composer .action{
    box-sizing:border-box;
    float:right;
    width:18%;
    text-align:right
}
.composer .send_btn{
    display:inline-block;
    height:.68267rem;
    line-height:.72533rem;
    color:#c60b1f;
    padding:.21333rem .34133rem;
    margin-right:.29867rem;
    background:#e8e8e8;
    text-align:center;
    border-radius:2px;
    -webkit-appearance:none;
    font-weight:700
}
.faceitem{
    position:absolute;
    width:1.024rem;
    height:1.024rem;
    border:1px solid #dbdbdb;
    border-radius:1.024rem;
    background-color:#fff
}
.faceitem em:before,.faceitem em:after{
    position:absolute;
    overflow:hidden;
    content:'';
    background:#7a7a7a;
    width:.128rem;
    height:.128rem;
    border-radius:.128rem;
    top:.29867rem;
    z-index:1
}
.faceitem em:before{
    right:.29867rem
}
.faceitem em:after{
    right:.61867rem
}
.faceitem i:before,.faceitem i:after{
    content:'';
    position:absolute
}
.faceitem i:before{
    top:.27733rem;
    right:.23467rem;
    height:.55467rem;
    width:.55467rem;
    border-radius:.55467rem;
    background:#7a7a7a
}
.faceitem i:after{
    top:.21333rem;
    right:.21333rem;
    height:.34133rem;
    width:.64rem;
    background:#fff
}
.tool_bar{
    width:100%;
    height:1.28rem
}
.tool_item{
    float:left;
    margin-left:.32rem;
    vertical-align:middle;
    display:inline-block
}